<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="UTF-8">
    <title>菜单管理--右边列表</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="icon" href="/favicon.ico">
    <link rel="stylesheet" href="/resources/layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="/resources/css/public.css" media="all" />
    <link rel="stylesheet" href="/resources/layui_ext/dtree/dtree.css" media="all" />
    <link rel="stylesheet" href="/resources/layui_ext/dtree/font/dtreefont.css" media="all" />

</head>
<body class="childrenBody">
<div class="layui-tab layui-tab-card">
    <ul class="layui-tab-title layui-bg-gray">
        <li class="layui-this">待诊患者</li>
        <li>已诊患者</li>
    </ul>
    <div class="layui-tab-content" >
       <!-- 待诊患者-->
        <div class="layui-tab-item layui-show">
            <!-- 数据表格开始 -->
            <div>
                <table class="layui-hide" id="jiuzhenTable" lay-filter="jiuzhenTable"></table>
                <div id="jiuzhenRowBar" style="display: none;">
                    <button type="button" lay-event="showwait"  class="layui-btn layui-btn-sm"><span class="layui-icon layui-icon-edit"></span>患者详细</button>
                    <button type="button" lay-event="jiuzhen" data-url="/opd/toTreatManager" class="layui-btn layui-btn-sm"><span class="layui-icon layui-icon-edit"></span>就诊</button>
                    <button type="button" lay-event="chongpaidui"  class="layui-btn layui-btn-sm"><span class="layui-icon layui-icon-edit"></span>重新排队</button>
                    <button type="button" lay-event="deletewait"  class="layui-btn layui-btn-sm layui-btn-danger"><span class="layui-icon layui-icon-delete"></span>删除</button>
                </div>
            </div> <!-- 数据表格结束 -->
        </div>
        <!-- 待诊患者-->
        <!-- 已诊患者-->
        <div class="layui-tab-item">
            <!-- 查询条件开始 -->
            <form action="" method="post" id="searchFrm" lay-filter="searchFrm" class="layui-form layui-form-pane">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">患者姓名</label>
                        <div class="layui-input-inline">
                            <input type="text" name="patient"  autocomplete="off" class="layui-input">
                        </div>
                        <label class="layui-form-label">开始时间</label>
                        <div class="layui-input-inline">
                            <input type="tel" name="startTime" id="startTime" readonly="readonly" placeholder="yyyy-MM-dd HH:mm:ss" class="layui-input">
                        </div>
                        <label class="layui-form-label">结束时间</label>
                        <div class="layui-input-inline">
                            <input type="tel" name="endTime"  id="endTime"  readonly="readonly" placeholder="yyyy-MM-dd HH:mm:ss" class="layui-input">
                        </div>
                        <div class="layui-input-inline">
                            <button type="button" class="layui-btn" lay-submit="" lay-filter="doSearch"><span class="layui-icon layui-icon-search"></span>查询</button>
                            <button type="reset" class="layui-btn layui-btn-warm"><span class="layui-icon layui-icon-refresh-1"></span>重置</button>
                        </div>
                    </div>
                </div>
            </form>
            <!-- 查询条件结束-->

            <!-- 数据表格开始 -->
            <div>
                <table class="layui-hide" id="jiuzhenTable2" lay-filter="jiuzhenTable2"></table>

                <div id="jiuzhenRowBar2" style="display: none;">
                    <button type="button" lay-event="show"  class="layui-btn layui-btn-sm"><span class="layui-icon layui-icon-edit"></span>患者详情</button>
                    <button type="button" lay-event="jiuzheninfo"  class="layui-btn layui-btn-sm"><span class="layui-icon layui-icon-edit"></span>就诊详情</button>
                    <button type="button" lay-event="deleteok"  class="layui-btn layui-btn-sm layui-btn-danger"><span class="layui-icon layui-icon-delete"></span>删除</button>
                </div>
            </div> <!-- 数据表格结束 -->
        </div>
    </div>
</div>

<!-- 添加和修改的弹出层开始 -->
<div style="display: none;padding: 5px" id="addOrUpdateDiv">
    <form action="" method="post" class="layui-form layui-form-pane" id="dataFrm" lay-filter="dataFrm">
        <div class="layui-form-item">
            <label class="layui-form-label">档案编号</label>
            <div class="layui-input-block">
                <input type="hidden" name="id">
                <input type="text" name="filenum" autocomplete="off"
                       placeholder="请输入档案编号" class="layui-input" style="width: 75.4%">
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">*姓名</label>
                <div class="layui-input-inline">
                    <input type="text" name="patientname" lay-verify="required" autocomplete="off" placeholder="请输入姓名" class="layui-input">
                </div>
            </div>

            <div class="layui-inline">
                <label class="layui-form-label">性别</label>
                <div class="layui-input-inline">
                    <input type="radio" name="sex" value="1" title="男" >
                    <input type="radio" name="sex" value="0" title="女" >
                </div>
            </div>

            <div class="layui-inline">
                <label class="layui-form-label">*年龄</label>
                <div class="layui-input-inline">
                    <input type="text" name="age" lay-verify="required" autocomplete="off" placeholder="请输入年龄" class="layui-input">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">身份证号</label>
                <div class="layui-input-inline">
                    <input type="hidden" name="id">
                    <input type="text" name="idcardnum" lay-verify="required" autocomplete="off" placeholder="请输入身份证号" class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">联系电话</label>
                <div class="layui-input-inline">
                    <input type="hidden" name="id">
                    <input type="text" name="phone" lay-verify="required" autocomplete="off" placeholder="请输入联系电话" class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">体重(KG)</label>
                <div class="layui-input-inline">
                    <input type="hidden" name="id">
                    <input type="text" name="weight" autocomplete="off" placeholder="请输入体重" class="layui-input">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">出生日期</label>
                <div class="layui-input-inline">
                    <input type="text" name="birth"  autocomplete="off" placeholder="请输入档案编号" class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">紧急联系人</label>
                <div class="layui-input-inline">
                    <input type="hidden" name="id">
                    <input type="text" name="contacts" autocomplete="off" placeholder="请输入紧急联系人" class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">紧急联系人电话</label>
                <div class="layui-input-inline">
                    <input type="text" name="contactsphone" autocomplete="off" placeholder="请输入紧急联系人电话" class="layui-input">
                </div>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">地址</label>
            <div class="layui-input-block">
                <input type="text" name="address" autocomplete="off"
                       placeholder="请输入公司地址" class="layui-input" style="width: 75.4%">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">备注</label>
            <div class="layui-input-block">
                <input type="text" name="remarks" autocomplete="off"
                       placeholder="请输入备注" class="layui-input" style="width: 75.4%">
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">过敏史</label>
                <div class="layui-input-inline">
                    <input type="radio" name="allergy" value="1" title="是" >
                    <input type="radio" name="allergy" value="0" title="否" checked="">
                </div>
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-input-block" style="text-align: center;">
                <button type="button" class="layui-btn" lay-submit="" lay-filter="doSubmit" id="doSubmit" ><span class="layui-icon layui-icon-add-1"></span>提交</button>
                <button type="reset" class="layui-btn layui-btn-warm"><span class="layui-icon layui-icon-refresh-1"></span>重置</button>
            </div>
        </div>
    </form>
</div>
<!-- 添加和修改的弹出层结束 -->

<!--就诊详情-->
<div style="display: none;padding: 5px" id="jiuzheninfo">
    <form action="" method="post" class="layui-form layui-form-pane" id="treatdataFrm" lay-filter="treatdataFrm">
        <blockquote class="layui-elem-quote"  style="margin-top: 5px;">诊断信息</blockquote>
        <div class="layui-form-item">
            <label class="layui-form-label">诊断</label>
            <div class="layui-input-block">
                <input type="text" name="zhenduan" autocomplete="off"
                       placeholder="请输入诊断,下拉" class="layui-input" style="width: 75.4%">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">医嘱</label>
            <div class="layui-input-block">
                <textarea class="layui-textarea" name="treatcontent" id="treatcontent"></textarea>
            </div>
        </div>
        <!-- 数据表格开始 -->
        <blockquote class="layui-elem-quote"  style="margin-top: 5px;">药单</blockquote>
        <div>
            <table class="layui-hide" id="treatTable" lay-filter="treatTable"></table>
        </div>
        <!-- 数据表格结束 -->
    </form>
</div>
<!--就诊详情-->

<script type="text/javascript" src="/resources/layui/layui.js"></script>
<script type="text/javascript">
    var tableIns;
    var tableIns2;
    layui.extend({
        dtree: '/resources/layui_ext/dtree/dtree'   // {/}的意思即代表采用自有路径，即不跟随 base 路径
    }).use(['jquery','form','table','layer','element'],function(){
        var $=layui.jquery;
        var form=layui.form;
        var table=layui.table;
        var layer=layui.layer;
        var element=layui.element;
        //加载 数据----待诊患者
        tableIns=table.render({
            elem: '#jiuzhenTable'
            ,url:'/jiuzhen/loadAllJiuzhen'//利用guanhao的请求方法
           // ,toolbar: '#jiuzhenToolBar' //开启头部工具栏，并为其绑定左侧模板
            ,title: '待诊患者列表'
            ,height:'full-90'
            ,page: true
            ,cols: [ [
                {field:'ordernum', title:'序号',align:'center',width:'80',hide: true}
                ,{field:'id', title:'id',align:'center',width:'80',hide: true}
                ,{type: 'numbers', title:'序号',align:'center',width:'60'}
                ,{field:'patient', title:'患者姓名',align:'center',width:'150',templet:function (res) {
                        return '<span>'+res.patient.patientname+'</span>';
                    }}
                ,{field:'patient', title:'性别',align:'center',width:'60',templet:function(res){
                        return res.patient.sex==1?'<font>男</font>':'<font>女</font>';
                    }}
                ,{field:'patient', title:'年龄',align:'center',width:'100',templet:function(res){
                        return  '<span>'+res.patient.age+'</span>';
                    }}
                ,{field:'doctorname', title:'医生',align:'center',width:'120'}
                ,{field:'createtime', title:'挂号时间',align:'center',width:'200',sort:true}
                ,{field:'jiuzhenstatus', title:'状态',align:'center',width:'120',templet:function(d){
                        return d.jiuzhenstatus==1?'<font color=blue>排队中</font>':'<font color=red>就诊中</font>';
                    }}
                ,{fixed: 'right', title:'操作', toolbar: '#jiuzhenRowBar',align:'center',width:'380'}
            ] ]
            ,done: function(res, curr, count){ //处理删除某一页最后一条数据的BUG
                //alert(JSON.stringify(res.data));
                if(res.data.length==0&&curr!=1){
                    tableIns.reload({
                        page:{
                            curr:(curr-1)
                        }
                    });
                }
            }
        });
        //监听行待诊列表的工具条的事件
        table.on("tool(jiuzhenTable)",function(obj){
            var data = obj.data; //获得当前行数据
            switch(obj.event){
                case 'deletewait':
                    deletewait();
                    break;
                case 'showwait':
                    openUpdatePatientLayer(data);
                    break;
                case 'jiuzhen':
                    goTojiuzhen(data);
                    break;
                case 'chongpaidui':
                    chongPaiDui(data);
                    break;
            };
        });
        //打开患者详情的弹出层
        function openUpdatePatientLayer(data){
            var patient = data.patient;
           // alert(JSON.stringify(patient));
            mainIndex=layer.open({
                type:1,
                content:$("#addOrUpdateDiv"),
                area:['1000px','500px'],
                title:'修改患者',
                success:function(){
                    $("#dataFrm")[0].reset();
                    //url="/patient/updatePatient";
                    //装载新的数据
                    form.val("dataFrm",patient);
                    form.render();
                }
            });
        }
        //从新排队
        function chongPaiDui(data){
            var ordernum = data.ordernum+4;
            var jiuzhenstatus = 1;
            var id = data.id;
            alert(ordernum);
            $.ajax({
                type:"POST",
                url:"/jiuzhen/updateJiuzhen",
               // async:false,
                data:{id:id,ordernum:ordernum,jiuzhenstatus:jiuzhenstatus},
                success:function (msg) {
                    if (msg.code==200) {//根据返回值进行跳转
                        tableIns.reload();
                    }
                    layer.msg(msg.msg);
                }
            });
        }

        //跳转到医生门诊页面,并修改就诊列表的状态
        function goTojiuzhen(data){
            let jiuzhenstatus = 2;
            let id = data.id;//guanhaoid
            var patientid = data.patientid;
            var goodslistnum = data.goodslistnum;
            $.ajax({
                type:"POST",
                url:"/jiuzhen/updateJiuzhen",
                //async:false,
                data:{id:id,jiuzhenstatus:jiuzhenstatus},
                success:function (msg) {
                    if (msg.code==200) {//根据返回值进行跳转
                        tableIns.reload();
                        let openTitle = "<i class='layui-icon'></i><cite>医生门诊</cite><i class='layui-icon layui-unselect layui-tab-close' data-id='1578851095675'>&#x1006;</i>";
                        parent.layui.element.tabAdd("bodyTab", {
                            title: openTitle,
                            content: "<iframe src='/opd/toTreatManager?patientid="+patientid+"&goodslistnum="+goodslistnum+"&id="+id+"' data-id='" + 1578851095675 + "'></frame>",
                            id: 1578851095675
                        });
                        parent.layui.element.tabChange("bodyTab",1578851095675);
                    }else{
                        layer.msg(msg.msg);
                    }
                }
            });
        }

        //删除
        function deletewait(data){
            layer.confirm('你确定要删除这个就诊患者吗?', {icon: 3, title:'提示'}, function(index){
                $.post("/jiuzhen/deleteJiuzhen",{id:data.id},function(res){
                    if(res.code===200){
                        tableIns.reload();
                    }
                    layer.msg(res.msg);
                });
                layer.close(index);
            });
        }













        //加载 数据------已诊患者
        tableIns2=table.render({
            elem: '#jiuzhenTable2'
            ,url:'/jiuzhen/loadAllJiuzhen'
            ,where:{jiuzhenstatus:3}
           // ,toolbar: '#jiuzhenToolBar' //开启头部工具栏，并为其绑定左侧模板
            ,title: '已诊患者列表'
            ,height:'full-180'
            ,page: true
            ,cols: [ [
                {field:'id', title:'ID',align:'center',width:'80',hide: true}
                ,{field:'patient', title:'患者姓名',align:'center',width:'150',templet:function (res) {
                        return '<span>'+res.patient.patientname+'</span>';
                    }}
                ,{field:'', title:'性别',align:'center',width:'100',templet:function(d){
                        return d.open==1?'<font >男</font>':'<font >女</font>';
                    }}
                ,{field:'patient', title:'年龄',align:'center',width:'100',templet:function(res){
                        return  '<span>'+res.patient.age+'</span>';
                    }}
                ,{field:'doctorname', title:'医生',align:'center',width:'120'}
                ,{field:'createtime', title:'挂号时间',align:'center',width:'200',sort:true}
                ,{field:'jiuzhenstatus', title:'状态',align:'center',width:'100',templet:function(d){
                        return d.jiuzhenstatus==3?'<font color=blue>已缴费</font>':'<font color=red>未缴费</font>';
                    }}
                ,{fixed: 'right', title:'操作', toolbar: '#jiuzhenRowBar2',align:'center',width:'300'}
            ] ]
            ,done: function(res, curr, count){ //处理删除某一页最后一条数据的BUG
                if(res.data.length==0&&curr!=1){
                    tableIns.reload({
                        page:{
                            curr:(curr-1)
                        }
                    });
                }
            }
        });
        //监听行待诊列表的工具条的事件
        table.on("tool(jiuzhenTable2)",function(obj){
            var data = obj.data; //获得当前行数据
            switch(obj.event){
                case 'show':
                    openUpdatePatientLayer(data);
                    break;
                case 'jiuzheninfo':
                    jiuzheninfo(data);
                    break;
                case 'deleteok':
                    deleteok(data);
                    break;
            }
        });

        //删除按钮---已诊患者
        function deleteok(data){
            layer.confirm('你确定要删除这个就诊患者吗?', {icon: 3, title:'提示'}, function(index){
                $.post("/jiuzhen/deleteJiuzhen",{id:data.id},function(res){
                    if(res.code===200){
                        tableIns.reload();
                    }
                    layer.msg(res.msg);
                });
                layer.close(index);
            });
        }

        //就诊详情按钮---已诊患者
        function jiuzheninfo(data) {
            //显示就诊明细
           // alert(JSON.stringify(data));
            mainIndex=layer.open({
                type:1,
                content:$("#jiuzheninfo"),
                area:['800px','500px'],
                title:'修改药品',
                success:function(){
                    $("#treatdataFrm")[0].reset();
                    //装载新的数据
                    $.post("/record/loadAllRecord",{jiuzhenid:data.id,patientid:data.patientid},function (res) {
                       // alert(JSON.stringify(res.data));
                        form.val("treatdataFrm",res.data[0]);
                        form.render();
                    });
                    tableIns=table.render({
                        elem:'#treatTable'
                        ,url:'/sales/loadAllSalesInMenZhen'//sales的加载门诊药单
                        ,where:{patientid:data.patientid,goodslistnum:data.goodslistnum}
                        ,title: '西/成药处方'
                        ,cols: [ [
                            {field:'goods', title:'药品名称',align:'center',width:'120',templet:function (res) {
                                    return '<span>'+res.goods.goodsname+'</span>';}}
                            ,{field:'goods', title:'药品规格',align:'center',width:'120',templet:function (res) {
                                    return '<span>'+res.goods.size+'</span>';}}
                            ,{field:'goods', title:'单次用量',align:'center',width:'80',templet:function (res) {
                                    return '<span>'+res.goods.oneuse+'</span>';}}
                            ,{field:'goodstypename', title:'使用方法',align:'center',width:'80'}
                            ,{field:'goods', title:'使用频率',align:'center',width:'120',templet:function (res) {
                                    return '<span>1日'+res.goods.userate+'次</span>';}}
                            ,{field:'goods', title:'单价',align:'center',width:'80',templet:function (res) {
                                    return '<span>'+res.goods.price+'</span>';}}
                            ,{field:'day', title:'开药天数',align:'center',width:'100'}
                            ,{field:'number', title:'数量',align:'center',width:'100',totalRowText: '处方金额:'}
                            ,{field:'sumprice', title:'金额',align:'center',width:'100',totalRow: true}
                            ,{field:'remark', title:'备注',align:'center',width:'120'}
                            ,{field:'operateperson', title:'操作员',align:'center',width:'100',hide:true}
                        ] ]
                    });

                }
            });
        }
    });

</script>
</body>
</html>